<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script src="../vue.js"></script>
  </head>
  <body>
    <div id="demo">
      <!-- 使用data中的数据, 双花括号中写data中的数据 -->
      <h1>你好，{{name}}</h1>
    </div>

    <script>
      Vue.config.productionTip = false;

      new Vue({
        el:'#demo', // el: 指定当前的vue容器服务于哪个对象
        data:{  // data: 配置数据,容器中会用到这些数据
          name:'小黑' 
        }
      });
    </script>
  </body>
</html>
